<template>
  <div class="">
    <img alt="Vue logo" src="./assets/logo.png" />
    <div>
      <a-radio-group v-model:value="isMsg" button-style="solid">
        <a-radio-button :value="true">消息</a-radio-button>
        <a-radio-button :value="false">流媒体</a-radio-button>
      </a-radio-group>
    </div>
    <MsgRTC v-if="isMsg" title="消息" />
    <StreamRTC v-else title="流媒体" />
  </div>
</template>

<script>
import { ref } from "vue";
import MsgRTC from "./components/TxtRTC.vue";
import StreamRTC from "./components/StreamRTC.vue";

export default {
  name: "App",
  setup() {
    const isMsg = ref(false);
    return { isMsg };
  },
  components: {
    MsgRTC,
    StreamRTC,
  },
};
</script>
